export const GardLayoutMixin = {
  data(){
    return {
      //一列
      colLayout1:{
        cols: { xs: 24, sm: 24, lg: 24, xl: 24 },
        labelCol: { xs: 6, sm: 6, lg: 6, xl: 6 },
        wrapperCol: { xs: 18, sm: 18, lg: 18, xl: 18 },
        fixed: {
          cols: { xs: 24, sm: 24, lg: 24, xl: 24 },
          labelCol:{ xs: 6, sm: 6, lg: 6, xl: 6 },
          wrapperCol:{ xs: 18, sm: 18, lg: 18, xl: 18 }
        }
      },
      //两列
      colLayout2:{
        cols: { xs: 24, sm: 24, md: 12, lg: 12, xl: 12 },
        labelCol:{ xs: 8, sm: 8, md: 6, lg: 6, xl: 6 },
        wrapperCol:{ xs: 16, sm: 16, md: 16, lg: 16, xl: 16 },
        fixed: {
          cols: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24 },
          labelCol:{ xs: 8, sm: 8, md: 3, lg: 3, xl: 3 },
          wrapperCol:{ xs: 16, sm: 16, md: 20, lg: 20, xl: 20 }
        }
      },
      //三列
      colLayout3:{
        cols:{ xs: 24, sm: 24, md: 12, lg: 8, xl: 8 },
        labelCol:{ xs: 6, sm: 6, md: 8, lg: 9, xl: 9 },
        wrapperCol:{ xs: 18, sm: 18, md: 16, lg: 15, xl: 15 },
        fixed: {
          cols: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24 },
          labelCol:{ xs: 6, sm: 6, md: 4, lg: 3, xl: 3 },
          wrapperCol:{ xs: 18, sm: 18, md: 20, lg: 21, xl: 21 }
        }
      },
      //四列
      colLayout4:{
        cols:{ xs: 24, sm: 12, md: 8, lg: 8, xl: 6 },
        labelCol:{ xs: 8, sm: 8, md: 9, lg: 9, xl: 12 },
        wrapperCol:{ xs: 16, sm: 16, md: 15, lg: 15, xl: 12 },
        fixed: {
          cols: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24 },
          labelCol:{ xs: 8, sm: 4, md: 3, lg: 3, xl: 3 },
          wrapperCol:{ xs: 16, sm: 20, md: 21, lg: 21, xl: 21 }
        }
      }
    }
  },
}
